<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>稻香村-推荐搭配</title>
    <script src="js/html5shiv.js"></script>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script src="js/public.js"></script>
    <script src="js/recommend.js"></script>
    <link href="css/public.css" rel="stylesheet">
    <link href="css/recommend.css" rel="stylesheet">
    <!--[if lte ie 8]><link rel="stylesheet" href="css/ie_if.css"><![endif]-->
</head>
<body>

<header class="inner">
    <div class="logo fl">
        <a class="fl" href="index.html">
            <img src="images/logo_06.png">
        </a>
        <p class="font-12 fr">中华老字号<br>始于清光绪廿一年</p>
    </div>
    <ul class="headNav font-18 fr">
        <li class="fl"><a class="inline-block" href="index.html">首<br><br>页</a></li>
        <li class="fl"></li>
        <li class="fl"><a class="inline-block" href="cake.html">产品中心</a></li>
        <li class="fl"></li>
        <li class="fl"><a class="inline-block" href="recommend.html">推荐搭配</a></li>
        <li class="fl"></li>
        <li class="fl"><a class="inline-block" href="news.html">新闻中心</a></li>
        <li class="fl"></li>
        <li class="fl"><a class="inline-block" href="store.html">储值卡</a></li>
        <li class="fl"></li>
        <li class="fl"><a class="inline-block" href="aboutUs.html">关于我们</a></li>
    </ul>
</header>

<section class="publicBanner">
    <div class="inner">
        <img class="margin-center block" src="images/bannerLogo_03.png">
    </div>
</section>

<section class="myPosition inner">
    <p class="fl font-14 relative">
        <a href="index.html">首页</a>
        <img class="block absolute" src="images/mpi_03.png">
    </p>
    <span class="fl font-18">&gt;</span>
    <p class="fl font-14 block relative">
        <a href="#">推荐配置</a>
        <img class="block absolute" src="images/mpi_05.png">
    </p>
</section>

<section class="main inner text-center clearFix">
    <div class="division">
        <p class="font-20 text-center">推荐搭配</p>
    </div>
    <ul class="textList font-14 inline-block width-107">
        <li class="fl"><a class="active">礼盒搭配</a></li>
        <li class="fl"><a>京式早餐</a></li>
    </ul>
    <div class="gift clearFix ">
        <div class="gift_list giftOne fr relative">
            <img class="fl" src="images/gift001_03.png">
            <p class="font-12 absolute">彩线轻缠红玉臂，小符斜挂绿云鬟。</p>
            <p class="font-12 absolute pd">佳人相见一千年。</p>
            <img class="fr" src="images/jbj_03.png">
        </div>
        <div class="gift_list giftTwo fl relative">
            <img class="fr" src="images/gift002_07.png">
            <p class="font-12 absolute pt">钓罢归来不系船，江村月落正堪眠.</p>
            <p class="font-12 absolute pd">纵然一夜风吹去，只在芦花浅水边。</p>
            <img class="fl" src="images/bbyl_07.png">
        </div>
        <div class="gift_list giftThree fr relative">
            <img class="fl" src="images/gift003_11.png">
            <p class="font-12 absolute">七八个星天外，两三点雨山前。</p>
            <p class="font-12 absolute pd">旧时茅店社林边，路转溪桥忽见。</p>
            <img class="fr" src="images/sjbj_07.png">
        </div>
    </div>
    <div class="breakfast">
        <div class="breakfast_list fl ml-206">
            <img src="images/breakfast001_03.png">
            <img class="pt-220 fl" src="images/nsb_12.png">
            <p class="fl font-12">都缘自有离恨<br>，<br>故画作远山长<br>。</p>
            <p class="fl font-12 pt-178">清晨帘幕卷轻霜<br>，<br>呵手试梅妆<br>。</p>
        </div>
        <div class="breakfast_list fl">
            <img src="images/breakfast002_05.png">
            <img class="pt-220 fl" src="images/hd_14.png">
            <p class="fl font-12">柳昏连绿野<br>，<br>花烂烁清晨<br>。</p>
            <p class="fl font-12 pt-178">碧瓦偏光日<br>，<br>红帘不受尘<br>。</p>
        </div>
        <div class="breakfast_list fl">
            <img src="images/breakfast003_07.png">
            <img class="pt-220 fl" src="images/fmdg_16.png">
            <p class="fl font-12">莺花啼又笑<br>，<br>毕竟是谁春<br>。</p>
            <p class="fl font-12 pt-178">风露澹清晨<br>，<br>帘间独起人<br>。</p>
        </div>
    </div>
<!--
    <div class="theBreakfast clearFix"></div>
-->
    <div class="smallFooter">
        <img src="images/smallFooterFood001_04.png">
    </div>
</section>

<footer class="text-center">
    <div class="inner">
        <ul class="footerNav font-18 inline-block clearFix">
            <li class="fl"><a class="inline-block" href="index.html">意见反馈</a></li>
            <li class="fl"></li>
            <li class="fl"><a class="inline-block" href="register.html">系统登录</a></li>
            <li class="fl"></li>
            <li class="fl"><a class="inline-block" href="contactUs.html">联系我们</a></li>
            <li class="fl"></li>
            <li class="fl"><a class="inline-block" href="404.html">人才招聘</a></li>
        </ul>
        <br>
        <img src="images/ewm001.png" alt="ha">
        <img src="images/ewm002.png" alt="ha">
        <p class="font-12">版权所有北京稻香村食品有限责任公司</p>
        <p class="font-12">京ICP备05080997-1号</p>
        <p class="font-12">京公安备11010102001718号</p>
    </div>
</footer>

</body>
</html>